<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
  <meta name="format-detection" content="telephone=no, email=no"/>
  <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
  <meta name="applicable-device" content="mobile"/>
  <meta name="apple-mobile-web-app-title" content="标题"/>
  <!-- 添加到主屏后的标题（iOS 6 新增） -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <!-- 是否启用 WebApp 全屏模式 -->
  <meta name="HandheldFriendly" content="true"/>
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="keywords" content="直播盐都"/>
  <meta name="description" content="直播盐都"/>
  <meta name="cl">
  <title>${(node.name)!}</title>
  <link rel="stylesheet" type="text/css" href="${ctx}/sctv/h5/css/globle.css">
  <script src="${ctx}/sctv/h5/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
  <script type="text/javascript" src="${ctx}/sctv/h5/js/senShare.js"></script>
</head>
<body style="background: #eee;">
<input id="urlAdress" style="display: none" value="${node.url}">
<!--header s-->
<div class="ground_video" style="width: 100%;height: 180px;background-image: url('${ctx}/sctv/h5/images/icon_set_user_bg.png');background-size: contain;">
  <div class="centerBox">
    <img src="${(node.customs.logoImg)!}" style="    width: 100%;border-radius: 50%;">
  </div>
  <span class="TV-title">${(node.name)!}</span>
</div>


<!--<img class="city_header" src="${(node.customs.logoImg)!}" alt="">-->
<!--header e-->
<!--cont s-->
<div class="ground_box city_box">
  <ul class="newLine">
    <!--<p class='notHaveData'>暂无相关内容</p>-->
  </ul>
  <p id="seeMOre"><span>查看更多</span></p>
</div>
<!--cont e-->

<!--底部 s-->
<div class="pdDownLoad">
  <img class="pdlogo1 fl" src="${ctx}/sctv/h5/images/down_word.png" alt="">
  <a  class="pdlogo2 fl" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.sctv.scfocus"> <img src="${ctx}/sctv/h5/images/down.png" alt=""> </a>
  <img onclick="colseTan()" class="pdlogo3 fl" src="${ctx}/sctv/h5/images/close.png" alt="">
</div>
<!--底部 e-->

<script src="${ctx}/sctv/h5/js/main.js" type="text/javascript"></script>
<script>
  var url = $("#urlAdress").val();
  $(function () {
    //视频比例
    //ban_s(".ground_video");
    getData(url);
    var link='';
    /*下一页*/
    var num = 0;
    $("#seeMOre span").click(function () {
      num++;
      if(''==link){
        link = url.split('.')[0];
      }
      url = link + '_' + num + ".json";
      getData(url);
    })
  })
  /*初始化数据*/
  function getData(url) {
    $.ajax({
      url: url,
      type: 'get',
      success: function (dataStr) {
        var data = dataStr.data.dynamicList;
        var html = '';
        for (var i = 0; i < data.length; i++) {
          var sharedUrl=data[i].newsUrl;
              sharedUrl=sharedUrl.replace(".json","_shared.html");
          html += '<li>'
              + '<a class="box" href="'+sharedUrl+'">'
              + '    <div class="ground_tit flex">'
              + '        <h2>'+data[i].newsTitle+'</h2>'
              + '        <p><span>'+data[i].pubTime+'</span><span class="cityInfo fr">'+data[i].lable+'</span></p>'
              + '    </div>'
              + '       <div class="ground_img"><img src="'+data[i].newsImage+'" alt=""></div>'
              + '</a>'
              + ' </li>';
        }
        $(".newLine").append(html);
      }
    });
  }
</script>
</body>
</html>
